<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" type="text/css" href="$!{basePath}/content/system/h5/css/common.css"/>
		<link rel="stylesheet" type="text/css" href="$!{basePath}/content/system/h5/css/guide.css"/>
		<link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
		<link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<title></title>
		<style type="text/css">
			.btn-block {
				text-align: center;
				position: relative;
				border: none;
				pointer-events: auto;
				width: 100%;
				display: block;
				font-size: 1rem;
				height: 2rem;
				line-height: 2rem;
				margin-top: 0.5rem;
				border-radius: 3px;
				z-index: 999;
			}
			.btn-primary {
				background-color: #04BE02;
				color: #FFF;
			}
			.fixbtn{
				position: fixed;
				bottom: 0px;
				left: 0;
			}
		</style>
	</head>
	<body>
		<div class="con">
			<div class="topImg">
				<img src="$!{basePath}/content/system/h5/img/guide1.png" >
			</div>
			<div class="text">
				<div class="top">
					<span>理论搞明白了，方法也就明白了</span>
				</div>
			</div>
			<div class="list">
				<div>
					 <div class="row">
						 <!--<div class="col-50 listText" v-for="item in 8">{{item+1}}测试内容</div>-->
						 <div class="col-50 listText">导学：为什么学中医？</div>
						 <div class="col-50 listText">第五天：五行相克相生</div>
						 <div class="col-50 listText">第一天：中医理论的形成和发展史</div>
						 <div class="col-50 listText">第六天：五行学说在人体的应用</div>
						 <div class="col-50 listText">第二天：中医的辨证论治——中医的诊疗特色！</div>
						 <div class="col-50 listText">第七天：藏象—心！</div>
						 <div class="col-50 listText">第三天：阴阳学说的形成！</div>
						 <div class="col-50 listText">第八天：藏象—肾</div>
						 <div class="col-50 listText">第四天：阴阳学说在中医学的应用</div>
						 <div class="col-50 listText">第九天：精气血津液—气</div>
					 </div>
				</div>
			</div>
			<div class="texttwo">
				<div class="bag">好课程有道理</div>
				<div class="small">帮助1000万个家庭受益于中医的智慧与方法</div>
			</div>
			<div class="mycard">
				<div class="card">
				    <div class="card-header"><span><span class="shu">|</span> 活动介绍:</span></div>
				    <div class="card-content">
				      <div class="card-content-inner">学好中医没毛病</div>
				    </div>
				  </div>
				   <div class="card">
				      <div class="card-content">
				        <div class="card-content-inner"><span class="shu">|</span> 已参与人数(99686)</div>
				      </div>
				    </div>

			</div>
			<
			<button type="button" class="btn-block btn-primary fixbtn" @click="joinGroup()">点击入群学习</button>
			<!--<div class="mybutton">
				<p><a @click="joinGroup" class="button button-big">点击入群学习</a></p>
			</div>-->
			
		</div>
	</body>

</html>
<script type="text/javascript">
	var pId = "$!{poster.id}";
	new Vue({
		el:".con",
		data:{
			
		},
		methods:{
			joinGroup(){
				var start = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx06f77f0f29884605&redirect_uri="
				var end = "&response_type=code&scope=snsapi_base&state=123";
				var authUrl = `http://${document.domain}/system/back/poster/manage/loadLandPoster.do?pId=${pId}`;
				authUrl = encodeURI(authUrl);
				window.location.href = start + authUrl + end;
			}
		}
	})
</script>